<template>
<view class="page_div">
	<view class="item_div flex" v-for="(item,index) in menuList" :key="index" @click="toPage(item.url)">
		<view class="item_left">{{item.name}}</view>
		<view class="item_right">{{item.desc}}</view>
	</view>
	<view class="" style="height: 20px;"></view>
</view>
</template>

<script>
	export default {
		data() {
			return {
				menuList:[
					{name:'园区招商',url:'parkList',bg:'btnbg2',desc:'查询各类型产业园区信息，提供详细的产业园区概况、产业园区规划、产业园区招商政策、产业园区动态、产业园区联系方式。'},
					{name:'企业招商',url:'companyList',bg:'btnbg3',desc:'查询重点产业的企业信息，提供详细的企业基础、企业综合评分等各维度信息。'},
					{name:'政策招商',url:'policyList',bg:'btnbg4',desc:'欢迎各类型企业考察、入驻园区，享地方招商引资惠企政策，专项产业发展扶持。'},
					{name:'项目招商',url:'projectList',bg:'btnbg7',desc:'查询当地各类型招商引资项目，提供项目的概况、规划、也享受相关政策以及相关分析等。'},
					// {name:'资本招商',url:'jinrongList',bg:'btnbg5',desc:'推动资本招商，设立地区高质量发展政府投资基金，发挥资本的催化和杠杆作用、项目启动资本金作用'},
					{name:'会议招商',url:'huiyiList',bg:'btnbg6',desc:'举办各种类型的会议，向外界介绍、宣传、推广自身的投资环境、招商项目，促进沟通，厂建联系。'},
					{name:'政策云计算',url:'policyList_page',bg:'btnbg5',desc:'采用人工智能算法为企业提供精准政策匹配、文件分析、视频解读服务。'},
				]
			}
		},
		methods: {
			toPage(url){
				uni.navigateTo({
					url:`/pages/${url}/${url}`
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	page{
		height: 100%;
	}
	.page_div{
		height: 100%;
		position: relative;
		overflow: auto;
		padding-top: 20px;
	}
	.title{
		padding: 20px 12px 16px;
		font-weight: 600;
		color: #333;
		position: sticky;
		top: 0;
		background-color: #fff;
		z-index: 2;
	}
.item_div{
	height: 80px;
	width: calc(100% - 24px);
	margin-left: 12px;
	box-shadow: 0 1px 10px 0px #f1f1f1;
	border-radius: 6px;
	margin-bottom: 12px;
	.item_left{
		width: 120px;
		height: 100%;
		border-radius: 6px;
		color: #fff;
		text-align: center;
		line-height: 80px;
		margin-right: 10px;
		background:linear-gradient(135deg , #BDA6FE,#816CEE);
	}
	&:nth-child(3n+3) .item_left{
		background:linear-gradient(135deg , #CAA79C,#79594A);
	}
	&:nth-child(3n+4) .item_left{
		background:linear-gradient(135deg , #FFD680,#FEAA4F);
	}
	.item_right{
		width: calc(100% - 130px);
		font-size: 12px;
		color: #999;
		display: flex;
		align-items: center;
	}
}
</style>
